<template>
    <div>
        <div v-for="(item, index) in items" :key="index">
            <input type="checkbox" v-model="item.isChecked" @click="updateChecked(index)">
            <span>{{ item.text }}</span>
        </div>
    </div>
</template>
  
<script>
export default {
    data() {
        return {
            items: [
                { text: "Item 1", isChecked: false },
                { text: "Item 2", isChecked: false },
                { text: "Item 3", isChecked: false },
                // ...
            ]
        };
    },
    methods: {
        updateChecked(index) {
            for (let i = 0; i < this.items.length; i++) {
                if (i !== index) {
                    this.items[i].isChecked = false;
                }
            }
        }
    }
};
</script>